<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>评价详情</title>
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/evaluate_details.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="js/pro_detsils.js"></script>
		<script type="text/javascript" src="js/fangdajing.js"></script>
		<script type="text/javascript" src="js/style.js"></script>
		<script type="text/javascript" src="js/shopHis.js" ></script>
	</head>
	<body>
		<!--顶部-->
		<div class="hearder">
			<div class="top">
				<div class="w12">
					<div class="top-left">
						<span>亲，欢迎来到沐鱼！</span> 【
						<a href="login.html" class="active">会员登录</a>】 【
						<a href="reg.html">免费注册</a>】
					</div>
					<div class="top-right">
						<a href="user.html">
							<img src="img/index-top.png">
							<span>个人中心</span>
						</a>
						<a href="#">
							<img src="img/index-top2.png">
							<span>问题帮助</span>
						</a>
						<span>全国热线：400-123123</span>
					</div>
				</div>
			</div>
			<div class="middle">
				<div class="w12">
					<div class="logo">
						<a href="index.html"><img src="img/logo.png"></a>
					</div>
					<div class="middle-right">
						<div class="search">
							<form>
								<input type="text" name="deta" id="search" value="">
								<ul class="search-list">
									<li>
										<a href=""><span>男士面膜</span><span>约556个商品</span></a>
									</li>
									<li>
										<a href=""><span>奥克斯</span><span>约366个商品</span></a>
									</li>
									<li>
										<a href=""><span>安踏</span><span>约776个商品</span></a>
									</li>
									<li>
										<a href=""><span>冰箱</span><span>约1012个商品</span></a>
									</li>
									<li>
										<a href=""><span>杯子</span><span>约999个商品</span></a>
									</li>
									<li>
										<a href=""><span>手机</span><span>约1600个商品</span></a>
									</li>
									<li>
										<a href=""><span>路由器</span><span>约653个商品</span></a>
									</li>
								</ul>
								<input type="submit" name="submit">
							</form>
							<ul>
								<li>热门搜索：</li>
								<li>
									<a href="#" class="active">女生挎包</a>
								</li>
								<li>
									<a href="#">男士背包</a>
								</li>
								<li>
									<a href="#">女生背包</a>
								</li>
								<li>
									<a href="#">男士双肩背包</a>
								</li>
								<li>
									<a href="#">男士登山包</a>
								</li>
							</ul>
						</div>
						<div class="cart">
							<a href="shop_cart.html">
								<img src="img/top-gouwu.png">
								<i>0</i>
								<span>购物车</span>
							</a>
							<ul class="cart-lister">
								<li>
									<a href=""><img src="img/top-gouwu.png" /><span>购物车是空的，快去购买商品吧！</span></a>
								</li>
							</ul>
							<ul class="cart-list-two">
                    	<li>
                    		<a href="">
                    			<img src="img/main_138.png">
                    		</a>
                    		<a href=""><h6>沐鱼美包包</h6></a>
                    		<a href="" class="topCat-price">
                    			&yen;83
                    		</a>
                    	</li>
                    </ul>
						</div>

					</div>
				</div>
			</div>
			<div class="nav">
				<div class="w12">
					<div class="left">
						<a href="javascript:void(0);">
							<img src="img/nav.png"> 商品分类
						</a>
						<ul class="list">
							<li>
								<h2>女包</h2>
								<ul>
									<li>
										<a href="#">单肩包</a>
									</li>
									<li>
										<a href="#">斜挎包</a>
									</li>
									<li>
										<a href="#">双肩背包</a>
									</li>
									<li>
										<a href="#">手提包</a>
									</li>
									<li>
										<a href="#">手拿包</a>
									</li>
									<li>
										<a href="#">钱包</a>
									</li>
									<li>
										<a href="#">卡包</a>
									</li>
									<li>
										<a href="#">钥匙包</a>
									</li>
								</ul>
							</li>
							<li>
								<h2>男包</h2>
								<ul>
									<li>
										<a href="#">单肩包</a>
									</li>
									<li>
										<a href="#">斜挎包</a>
									</li>
									<li>
										<a href="#">双肩背包</a>
									</li>
									<li>
										<a href="#">手提包</a>
									</li>
									<li>
										<a href="#">手拿包</a>
									</li>
									<li>
										<a href="#">钱包</a>
									</li>
									<li>
										<a href="#">卡包</a>
									</li>
									<li>
										<a href="#">钥匙包</a>
									</li>
								</ul>
							</li>
							<li>
								<h2>功能包</h2>
								<ul>
									<li>
										<a href="#">行李包</a>
									</li>
									<li>
										<a href="#">拉杆箱</a>
									</li>
									<li>
										<a href="#">胸包</a>
									</li>
									<li>
										<a href="#">电脑包</a>
									</li>
									<li>
										<a href="#">运动包</a>
									</li>
									<li>
										<a href="#">腰包</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="right">
						<ul>
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="user.html">会员中心</a>
							</li>
							<li>
								<a href="#">新品汇集</a>
							</li>
							<li>
								<a href="#">热卖推荐</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="w12">
				<div class="location">
					<img src="img/location.png" />
					<ul>
						<li><span>当前位置：</span></li>
						<li>
							<a href="product-list.html">商品分类</a><span>></span></li>
						<li>
							<a href="#">女包</a><span>></span></li>
						<li>
							<a href="#">手提包</a><span>></span></li>
						<li><span> AIAI2017年新款手提包</span></li>
					</ul>
				</div>
				<div class="main-top">
					<div class="top-left" id="fangdajing">
						<div class="imgs">
							<img src="img/big/imgList.png" />
							<div class="shade"></div>
							<div class="img"><img src="img/big/imgList.png" /></div>
						</div>
						<div class="spring">
							<div class="cha">x</div>
							<div class="viewer">
								<a href="javascript:void(0);" class="viewer-prev"><</a>
									<div class="viewer-conter">
										<div class="viewer-conter-paneal-1">
											<img src="img/big/images/fangdajtp_03.jpg" />			
										</div>
										<div class="viewer-conter-paneal-2" style="display: none;">
											<img src="img/big/images/fangdajtp_03.jpg" />			
										</div>
										<div class="viewer-conter-paneal-3" style="display: none;">
											<img src="img/big/images/fangdajtp_03.jpg" />											
										</div>
										<div class="viewer-conter-paneal-4" style="display: none;">
											<img src="img/big/images/fangdajtp_03.jpg" />								
										</div>
										<div class="viewer-conter-paneal-5" style="display: none;">
											<img src="img/big/images/fangdajtp_03.jpg" />				
										</div>
										<div class="viewer-conter-paneal-6" style="display: none;">
											<img src="img/big/images/fangdajtp_03.jpg" />			
										</div>
									</div>
									<a href="javascript:void(0);" class="viewer-next">></a>
									<div class="viewer-slide">
										<h4>沐鱼美包包</h4>
										<ul>
											<li>
												<img src="img/big/imgList.png" />
											</li>
											<li>
												<img src="img/big/imgList2.png" />
											</li>
											<li>
												<img src="img/big/imgList3.png" />
											</li>
											<li>
												<img src="img/big/imgList4.png" />
											</li>
											<li>
												<img src="img/big/imgList5.png" />
											</li>
										</ul>
										<a href="" class="viewer-btn">
											<i><img src="img/top-gouwu.png"></i>
											加入购物车
										</a>
										<a href="" class="viewer-link">
											本店相似的宝贝
										</a>
									</div>
							</div>
						</div>
						<div class="move">
							<div class="bd">
								<ul class="imgList">
									<li><img src="img/thumb/imgList.png" data-bigimg="img/big/imgList.png"> </li>
									<li><img src="img/thumb/imglist2.png" data-bigimg="img/big/imgList2.png"> </li>
									<li><img src="img/thumb/imglist3.png" data-bigimg="img/big/imgList3.png"> </li>
									<li><img src="img/thumb/imglist4.png" data-bigimg="img/big/imgList4.png"></li>
									<li><img src="img/thumb/imglist4.png" data-bigimg="img/big/imgList4.png"></li>
									<li><img src="img/thumb/imglist4.png" data-bigimg="img/big/imgList4.png"></li>
									<li><img src="img/thumb/imglist4.png" data-bigimg="img/big/imgList4.png"></li>
								</ul>
							</div>
							<div class="hd">
								<a href="javascript:void(0);" class="prev"><</a>
								<a href="javascript:void(0);" class="next">></a>
							</div>	
						</div>
					</div>
					<script>
						jQuery(".move").slide({titCell:".hd ul",mainCell:".bd ul",effect:"left",vis:4,pnLoop:false,trigger:"click"});
					</script>
					<div class="top-center">
						<div class="title">
							<h1>【AIAI女包】2017年新款手提包时尚高端全真牛皮 橘红色</h1>
							<span>价格</span><i>&yen;</i><b>499.00</b>
						</div>
						<div class="evaluate">
							<span>月成交量</span><b>666</b>
							<span>累计评价</span><b>888</b>
							<span>送积分</span><b>444</b>
						</div>
						<script>
							$(".main-top .top-center .evaluate b").last().css("border-right", "0");
						</script>
						<div class="list">
							<span>颜色分类</span>
							<a href="javascript:void(0);"><img src="img/order5.png"></a>
							<a href="javascript:void(0);"><img src="img/order6.png"></a>
							<a href="javascript:void(0);"><img src="img/order7.png"></a>
							<a href="javascript:void(0);"><img src="img/order1.png"></a>
						</div>
						<div class="number">
							<span>数量</span>
							<input type="text" value="1" name="num" />
							<a href="javascript:void(0);" class="top">∧</a>
							<a href="javascript:void(0);" class="bot">∨</a>
							<span class="ge">个</span>
							<span>库存<b>24</b>个</span>
						</div>
						<button class="buy" onclick="javascrtpt:window.location.href='confirm_order.html'">立即购买</button>
						<button class="shop">加入购物车</button>
						<p>配送范围：送货范围全国各个地方各个地方各个地方各个地方各个地方 全国各个地方各个地方各个地方各个地方各个地方各个地方，各个地方 全国各个地方。
						</p>
					</div>
					<div class="top-right">
						<div class="title">
							<span>看了又看</span>
						</div>
						<div class="bd">
							<ul>
								<li>
									<a href="#"><img src="img/pro-right.png" />
										<h5>热销款 PPOP手提包</h5>
										<h4>&yen;399.00</h4>
									</a>
								</li>
								<li>
									<a href="#"><img src="img/pro-right.png" />
										<h5>热销款 PPOP手提包</h5>
										<h4>&yen;399.00</h4>
									</a>
								</li>
							</ul>
						</div>
						<div class="hd">
							<a href="javascript:void(0);" class="next"><img src="img/next1.png"></a>
							<a href="javascript:void(0);" class="prev"><img src="img/prev1.png"></a>
						</div>
					</div>
					<script>
						jQuery(".main-top .top-right").slide({ mainCell: ".bd ul", autoPlay: true, effect: "topMarquee", vis: 2, interTime: 50, trigger: "click" });
					</script>
				</div>
				<div class="main-center">
					<div class="hot">
						<div class="title">
							<h3>热门商品</h3>
						</div>
						<div class="list">
							<a href="#">
								<img src="img/pro-list.png" />
								<h6>Kaka卡卡2017年新款包包</h6>
								<span><img src="img/list1.png"></span>
								<span>热销<b>888</b>件</span>
								<i>&yen;499</i>
							</a>
						</div>
						<div class="list">
							<a href="#">
								<img src="img/pro-list.png" />
								<h6>Kaka卡卡2017年新款包包</h6>
								<span><img src="img/list2.png"></span>
								<span>热销<b>888</b>件</span>
								<i>&yen;499</i>
							</a>
						</div>
						<div class="list">
							<a href="#">
								<img src="img/pro-list.png" />
								<h6>Kaka卡卡2017年新款包包</h6>
								<span><img src="img/list3.png"></span>
								<span>热销<b>888</b>件</span>
								<i>&yen;499</i>
							</a>
						</div>
					</div>
					<div class="appraise">
						<div class="title">
							<span id="deta">商品详情</span>
							<span id="eval" class="on">累计评价<b>888</b></span>
						</div>
						<div class="parameter">
							<h4>品牌名称：AIAI</h4>
							<h5>产品参数</h5>
							<ul>
								<li>上市时间：2017年1月</li>
								<li>大小：都有</li>
								<li>款式：手提包</li>
								<li>适用对象：青年</li>
								<li>质地：牛皮</li>
								<li>皮革材质：牛二层皮</li>
								<li>背包方式：手提包</li>
								<li>闭合方式：锁扣</li>
								<li>图案：纯色</li>
								<li>提拎部件类型：软把</li>
								<li>有无夹层：无</li>
								<li>箱包硬度：硬</li>
								<li>是否可折叠：否</li>
								<li>成色：全新</li>
								<li>风格：欧美时尚</li>
								<li>品牌：AIAI</li>
								<li>货号：668844</li>
								<li>里料材质：棉纶</li>
							</ul>
						</div>
						<div class="state">
							<h5>权利声明:</h5>
							<p>本店的所有商品信息、客户评价、商品咨询、网友讨论的内容，是本店重要的经营资源，未经许可，禁止非法转载使用。</p>
							<p>注：本店商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者负责。</p>
							<h6>价格说明：</h6>
							<p>商品价格：本店商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者负责。</p>
							<p>商品价格：本店商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者负责。本店商品信息均来自于合作方其</p>
							<p>真实性、准确性和合法性由信息拥有者负责。</p>
							<p>商品价格：本店商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者负责。</p>
							<p>商品价格：本店商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者负责。</p>
						</div>
						<div class="degree">
							<div class="top">
								<h4>商品评价</h4>
							</div>
							<div class="left">
								<h1>97%</h1>
								<h4>好评度</h4>
							</div>
							<div class="center">
								<div class="left">
									<h6>好评(<span>97%</span>)</h6>
									<h6>中评(<span>2%</span>)</h6>
									<h6>差评(<span>1%</span>)</h6>
								</div>
								<div class="right">
									<p><span></span></p>
									<p><b></b></p>
									<p><i></i></p>
								</div>
							</div>
							<div class="d-right">
								<h3>买家印象</h3>
								<span>款式好(<b>8888</b>)</span>
								<span>材质好(<b>8888</b>)</span>
								<span>款式好(<b>8888</b>)</span>
								<span>材质好(<b>8888</b>)</span>
							</div>
						</div>
						<div class="comment">
							<ul>
								<li>
									<a href="javascript:void(0);" class="on">全部评论(<span>8888</span>)</a>
								</li>
								<li>
									<a href="javascript:void(0);">晒图评论(<span>6666</span>)</a>
								</li>
								<li>
									<a href="javascript:void(0);">好评(<span>8888</span>)</a>
								</li>
								<li>
									<a href="javascript:void(0);">中评(<span>888</span>)</a>
								</li>
								<li>
									<a href="javascript:void(0);">差评(<span>88</span>)</a>
								</li>
							</ul>
						</div>
						<div class="bor">
							<div class="deta">
								<div class="deta-left">
									<a href="#"><img src="img/comment.png"></a>
								</div>
								<div class="deta-center">
									<span>款式好(<b>888</b>)</span>
									<span>材质好(<b>888</b>)</span>
									<span>做工好(<b>888</b>)</span>
									<h5>好评</h5>
									<p>包包时尚大气，款式很好，做工精细，</p>
									<p>本人很喜欢。</p>
								</div>
								<div class="deta-right">
									<img src="img/comment5.png" />
									<span>金牌会员</span>
									<b>广东</b>
									<ul>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
									</ul>
								</div>
								<div class="deta-bottom">
									<img src="img/deta-bottom.png" />
								</div>
							</div>
							<div class="deta">
								<div class="deta-left">
									<a href="#"><img src="img/comment2.png"></a>
								</div>
								<div class="deta-center">
									<span>款式好(<b>888</b>)</span>
									<span>材质好(<b>888</b>)</span>
									<span>做工好(<b>888</b>)</span>
									<h5>好评</h5>
									<p>包包时尚大气，款式很好，做工精细，</p>
									<p>本人很喜欢。</p>
								</div>
								<div class="deta-right">
									<img src="img/comment6.png" />
									<span>金牌会员</span>
									<b>广东</b>
									<ul>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
									</ul>
								</div>
								<div class="deta-bottom">
									<img src="img/deta-bottom.png" />
								</div>
							</div>
							<div class="deta">
								<div class="deta-left">
									<a href="#"><img src="img/comment3.png"></a>
								</div>
								<div class="deta-center">
									<span>款式好(<b>888</b>)</span>
									<span>材质好(<b>888</b>)</span>
									<span>做工好(<b>888</b>)</span>
									<h5>好评</h5>
									<p>包包时尚大气，款式很好，做工精细，</p>
									<p>本人很喜欢。</p>
								</div>
								<div class="deta-right">
									<img src="img/comment7.png" />
									<span>金牌会员</span>
									<b>广东</b>
									<ul>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
									</ul>
								</div>
								<div class="deta-bottom">
									<img src="img/deta-bottom.png" />
								</div>
							</div>
							<div class="deta">
								<div class="deta-left">
									<a href="#"><img src="img/comment4.png"></a>
								</div>
								<div class="deta-center">
									<span>款式好(<b>888</b>)</span>
									<span>材质好(<b>888</b>)</span>
									<span>做工好(<b>888</b>)</span>
									<h5>好评</h5>
									<p>包包时尚大气，款式很好，做工精细，</p>
									<p>本人很喜欢。</p>
								</div>
								<div class="deta-right">
									<img src="img/comment8.png" />
									<span>金牌会员</span>
									<b>广东</b>
									<ul>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
										<li><img src="img/xing.png"></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="appraise-bottom">
							<div class="page">
								<ul>
									<li class="prev">
										<a href="#">上一页</a>
									</li>
									<li>
										<a href="#"  class="on">1</a>
									</li>
									<li>
										<a href="#">2</a>
									</li>
									<li>
										<a href="#">3</a>
									</li>
									<li>
										<a href="#">···</a>
									</li>
									<li class="next">
										<a href="#">下一页</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="describe">
					<div class="title">
						<span>商品描述</span>
					</div>
					<div class="des-mian">
						<img src="img/pro01.png" />
						<img src="img/pro03.png" />
						<img src="img/pro04.png" />
						<img src="img/peo05.png" />
						<img src="img/peo06.png" />
					</div>
				</div>
				<div class="main-foot">
					<ul>
						<li><img src="img/login-zhuan.png" /><span>100%正品保证</span></li>
						<li><img src="img/login-you.png" /><span>新人首单免邮</span></li>
						<li><img src="img/login-qi.png" /><span>七天包退换</span></li>
						<li><img src="img/login-m.png" /><span>首次退换免邮费</span></li>
					</ul>
				</div>
			</div>
		</div>
		<!--footer-->

		<div class="foot">
			<div class="w12">
				<div class="foot-left">
					<div class="foot-list">
						<h2>消费保障</h2>
						<ul>
							<li>
								<a href="#">网购警示</a>
							</li>
							<li>
								<a href="#">隐私保护</a>
							</li>
							<li>
								<a href="#">投诉中心</a>
							</li>
							<li>
								<a href="#">客服中心</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>购物指南</h2>
						<ul>
							<li>
								<a href="reg.html">免费注册</a>
							</li>
							<li>
								<a href="#">购物流程</a>
							</li>
							<li>
								<a href="#">会员介绍</a>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>配送方式</h2>
						<ul>
							<li>
								<a href="#">收货上门</a>
							</li>
							<li>
								<a href="#">上门自提</a>
							</li>
							<li>
								<a href="#">配送查阅</a>
							</li>
							<li>
								<a href="#">海外配送</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>支付方式</h2>
						<ul>
							<li>
								<a href="#">在线支付</a>
							</li>
							<li>
								<a href="#">货到付款</a>
							</li>
							<li>
								<a href="#">分期付款</a>
							</li>
							<li>
								<a href="#">公司转账</a>
							</li>
						</ul>
					</div>
					<div class="foot-list">
						<h2>售后服务</h2>
						<ul>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">价格保护</a>
							</li>
							<li>
								<a href="#">取消订单</a>
							</li>
							<li>
								<a href="#">退款流程</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="foot-right">
					<h2>服务热线（8:00-18:00）</h2>
					<ul>
						<li>400-123123</li>
						<li>服务邮箱</li>
						<li>123456789@qq.com</li>
					</ul>
				</div>

			</div>

		</div>
		<div class="w12">
			<div class="base">
				<ul>
					<li>
						<a href="http://www.alibabagroup.com/cn/global/home">阿里巴巴集团</a>
					</li>
					<li>
						<a href="https://www.taobao.com/">淘宝网</a>
					</li>
					<li>
						<a href="https://www.tmall.com">天猫</a>
					</li>
					<li>
						<a href="http://www.smzdm.com">聚划算</a>
					</li>
					<li>
						<a href="https://www.vip.com/">唯品会</a>
					</li>
					<li>
						<a href="http://www.alibaba.com/">阿里巴巴国际交易市场</a>
					</li>
					<li>
						<a href="https://www.1688.com/">1688</a>
					</li>
					<li>
						<a href="https://www.alimama.com">阿里妈妈</a>
					</li>
					<li>
						<a href="http://trip.taobao.com">去啊</a>
					</li>
					<li>
						<a href="https://wanwang.aliyun.com">万网</a>
					</li>
					<li>
						<a href="https://www.aliyun.com">阿里云计算</a>
					</li>
				</ul>
				<div class="copy">
					<span>&copy;2011-2017   taobao china. 雅倩版权所有   </span>
					<ul>
						<li>
							<a href="#"> 隐私权政策</a>
						</li>
						<li>
							<a href="#"> 用户服务协议</a>
						</li>
						<li>
							<a href="#"> 条约规定</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>